<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#father {
	width: 700px;
	height: 1000px;
	margin: 0 auto;
}
* {
	margin: 0;
	padding: 0;
}
#top {
	width: 700px;
	height: 153px;
	background-color: #0C0;
	margin-bottom: 2px;
}
#left {
	width: 180px;
	height: 700px;
	background-color: #0F3;
	float: left;
}
#right {
	width: 518px;
	height: 700px;
	background-color: #9C6;
	float: left;
	margin-left: 2px;
}
#banner {
	width: 700px;
	height: 120px;
	background: url(img/banner.jpg);
}
#nav ul {
	list-style: none;
}
#nav li {
	width: 100px;
	text-align: center;
	float: left;
	line-height: 33px;
}
#nav a {
	text-decoration: none;
	color: #664543;
	display: block;
	background: url(img/button1.jpg);
}
#nav a:hover {
	background: url(img/button1_bg.jpg);
	position: relative;
	right: 1px;
	bottom: 2px;
}
#login {
 width:180px;
 height:200px;
 background:url(img/login.jpg) no-repeat;
 background-color:white;
 padding-top:50px;
 padding-left:24px;
}
.textstyle {
	border-bottom: none;
}
</style>
</head>

<body>
<div id="father">
  <div id="top">
    <div id="banner"></div>
    <div id="nav">
      <ul>
        <li><a href="#">鲜花礼品</a></li>
        <li><a href="#">自助订花</a></li>
        <li><a href="#">绿色植物</a></li>
        <li><a href="#">花之物语</a></li>
        <li><a href="#">会员中心</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">支付方式</a></li>
      </ul>
    </div>
  </div>
  <div id="left">
    <div id="login">
      <form action="#" method="post" name="frmLogin">
        <ul>
          <li>用户:
            <input name="txtUsername" type="text" class="txtStyle" />
          </li>
          <li>密码:
            <input name="txtPwd" type="password" class="txtStyle" />
          </li>
          <li>
            <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
            <input name="btnReg" type="button" value="注册" class="btnStyle" />
            <a href="#">忘记密码</a></li>
        </ul>
      </form>
    </div>
    <div id="category"></div>
  </div>
  <div id="right"></div>
</div>
</body>
</html>
